<template>
	<!-- 列表1 图片稍大-->
	<view class="liebiao">
		<view class="ys ">
			<view class="imgs">
				<image :src="'https://ss.lanqb.com/'+item.imgCover" mode=""></image>
				<text class="zi">{{item.category.category_name}}</text>
				
			</view>
			<view class="ys-wenzi ">
			<view class="top" v-if="item.title.length>=24">
				{{item.title.slice(0,24)}}...
			
			</view>	
			<view class="top" v-else>
				{{item.title}}
			
			</view>	
			
			<view class="foot">
				<text>时间: {{item.created_at.slice(0,4)}}年{{item.created_at.slice(5,7)}}月{{item.created_at.slice(8,10)}}日</text>
				
			</view>
				
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default{
		props:['item']
	}
</script>

<style lang="scss" scoped>
	.ys{
		display: flex;
		padding: 20rpx 0; 
		// border-bottom: 1px solid #eee;
	
		.imgs{
			width: 242rpx;
			height: 136rpx;
			position: relative;
	
			margin-right: 20rpx;
			image{
				width: 100%;
				height: 100%;
			}
			.zi{
				position: absolute;
				top: 0rpx;
				left: 10rpx;
				padding: 0rpx 5rpx;
				background-color: #ffa323;
				color: #fff;
				font-size: 24rpx;
			}
		}
		.ys-wenzi{
			
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		
		
		
			.top{
				font-size: 32rpx;
				    color: #222;
				 line-height: 44rpx;
			}
			.foot{
				    color: #a4a4a4;
					font-size: 26rpx;
			}
		}
		
	}
</style>